@charset "UTF-8";
@import "../../../../../node_modules/craftcms-sass/mixins";

#mode:after {
  @include clearafter;
}

#mode label {
  display: block;
  @include floatleft;
  margin-top: -1px;
  width: 113px;
  padding-top: 85px;
  text-align: center;
  background: no-repeat 50% 0;
}

#mode label#mode-crop {
  background-image: url(images/crop.jpg);
}

#mode label#mode-fit {
  background-image: url(images/fit.jpg);
}

#mode label#mode-stretch {
  background-image: url(images/stretch.jpg);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
  #mode label {
    background-size: 113px;
  }
  #mode label#mode-crop {
    background-image: url(images/crop_2x.jpg);
  }
  #mode label#mode-fit {
    background-image: url(images/fit_2x.jpg);
  }
  #mode label#mode-stretch {
    background-image: url(images/stretch_2x.jpg);
  }
}
